﻿@{
    Layout = "~/Areas/User/Views/Shared/_Layout.cshtml";
}

@section Title{
    用户中心-美妆商城
}

@section Meta{
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta property="qc:admins" content="56207406376255516375" />

    @*<link rel="stylesheet" href="http://s0.jmstatic.com/templates/jumei/css/v45.3/jumei_usercenter.min.css?v7" type="text/css" media="screen" charset="utf-8" />*@
    <link href="~/Content/User/css/jumei/jumei_usercenter.min.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8" />
    <script type="text/javascript">
        $(".orderInfo").click(function () {
            var id = $(this).attr("id").val();
            alert(id);
            $.ajax({
                url: '/User/Account/UserCenterInfo?id=' + id,
                type: 'POST',
                dataType: 'string',
                success: function (data) {
                    $("#order-list").html(data);
                }
            })
            $(".filter a").removeClass("curr");
            $(this).addClass("curr");
        })


    </script>

}


<div class="profile">
    <script src="http://s0.jmstatic.com/templates/jumei/js/jquery/jquery.selectui.min.js"></script>

    <div class="nav">
        <div class="notice">
            <a href="/i/account/avatar" target="_blank" style="border-bottom: 0;padding:0;">
                @*<img src="http://f0.jmstatic.com/static_account/dist/20160913/images/user_avatar/2/64_64.png" alt="JM136NBPE0583" />*@
                <img src=@ViewBag.userImage alt=@ViewBag.Name />
            </a>
            <p class="nickname"><a style="padding-left:0;line-height: 1.8;color:#ed145b" href="/i/account/settings" target="_blank">@ViewBag.Name</a></p>
            <p><a style="padding-left:0;line-height: normal;" href="/i/membership" target="_blank">普通会员</a></p>
            <p class="uid">用户ID:@ViewBag.UserId </p>
            <!--<p>可提现余额：{$balance}元</p>
            <p>不可提现余额：{$balance_no_withdraw}元</p>-->
        </div>
        <h2><b></b>我的聚美优品</h2>
        <a href="/i/order/list" class="list selected"><b></b>我的订单</a>
        <a href="/i/wishdeal/onsale" class="wish"><b></b>我的心愿单</a>
        <a href="/i/product/fav_products" class="fav"><b></b>我的收藏</a>
        <h2><b></b>管理个人账户</h2>
        <a href="/User/OrderOperate/ChangeUserInfo" class="settings"><b></b>设置账户信息</a>
        <a href="/i/account/password" class="password"><b></b>修改密码</a>
        <a href="/i/account/mobile_bind_status" class="bind"><b></b>绑定手机</a>
        <a href="/i/account/addresses" class="addr"><b></b>管理收货地址</a>




    </div>



    <div class="sp_icon_pos_wrapper">
    </div>

 @* test Start *@
    <h1>
        我的订单
    </h1>

    <div class="content">
        <div class="filter">
            <a href="/User/Account/UserCenter?id=00" class="curr orderInfo" id="00">全部订单</a>
            <a href="/User/Account/UserCenter?id=00" class="orderInfo" id="01">等待付款</a>
            <a href="/User/Account/UserCenter?id=00" class="orderInfo" id="02">已付款</a>
            <a href="/User/Account/UserCenter?id=00" class="orderInfo" id="03">交易完成</a>
        </div>
        <table id="order-list" class="order_table">
            <tr class="order_list_title">
                <th style="width: 191px">订单信息</th>
                <th style="width: 80px">订购商品</th>
                <th style="width: 40px">件数</th>
                <th style="width: 80px">单价</th>
                <th style="width: 70px">商品操作</th>
                <th style="width: 120px">订单状态</th>
                <th style="width: 90px">订单操作</th>
            </tr>

            @foreach (var item in @ViewBag.orderInfo)
            {
                for (int i = 0; i < @item.OrderDetail.Count; i++)
                {
                    if (i == 0)
                    {
                        <tr>
                            <td class="order_info_td" rowspan=@item.OrderDetail.Count>
                                <p>交易单号：@item.Id</p>
                                <p>商品金额: @item.TotalPrice</p>
                                <p> 由 美妆商城 发货 </p>

                            </td>

                            <td class="item_title">

                                <a href="/User/Product/Single?id=@item.OrderDetail[0].ProductId" target="_blank" title=@item.OrderDetail[0].PName>
                                    <img src=@item.OrderDetail[0].pic alt=@item.OrderDetail[0].PName />
                                </a>
                            </td>

                            <td>@item.OrderDetail[0].Count</td>

                            <td>¥@{@item.OrderDetail[0].Price}</td>

                            <td></td>


                            @* 状态为01表示等待付款 状态为02表示已过期 状态为03表示已付款 状态为04表示交易完成 *@
                            @if (@item.Status == "01")
                            {
                                <td class="status" rowspan=@item.OrderDetail.Count>
                                    <span class="status_red">等待付款</span>
                                </td>
                                <td rowspan=@item.OrderDetail.Count>

                                    <p><a href="/User/OrderOperate/OpenOrderDetail">查看详情</a></p>

                                    <p><a href="http://cart.jumei.com/cashier?confirmationId=c27235512780&address_id=162859155&orderIds=851162202" class="btn_mid_pink">点击付款</a></p>

                                    <p>
                                        <a href="/i/order/cancel/?order_id=c27235512780" order-id="c27235512780" class="order-cancel">取消</a>
                                    </p>
                                    <p><a href="/i/order/goto_modify_shipping_by_order/?order_id=c27235512780">修改地址</a></p>
                                </td>
                            }
                            @if (@item.Status == "02")
                            {
                                <td class="status" rowspan=@item.OrderDetail.Count>
                                    <span class="status_grey">已过期</span>
                                </td>
                                <td class="OrderDetail" rowspan=@item.OrderDetail.Count>

                                    <p><a href="/User/OrderOperate/OpenOrderDetail">查看详情</a></p>
                                </td>
                            }
                            @if (@item.Status == "03")
                            {
                                <td class="status" rowspan=@item.OrderDetail.Count>
                                    <span class="status_green">已付款</span>
                                </td>
                                <td class="OrderDetail" rowspan=@item.OrderDetail.Count>

                                    <p><a href="/User/OrderOperate/OpenOrderDetail">查看详情</a></p>
                                </td>
                            }
                            @if (@item.Status == "04")
                            {
                                <td class="status" rowspan=@item.OrderDetail.Count>
                                    <span class="status_green">交易完成</span>
                                </td>
                                <td class="OrderDetail" rowspan=@item.OrderDetail.Count>

                                    <p><a href="/User/OrderOperate/OpenOrderDetail">查看详情</a></p>
                                </td>
                            }
                        </tr>
                    }
                    else
                    {
                        <tr>
                            <td class="item_title">
                                <a href="/User/Product/Single?id=@item.OrderDetail[i].ProductId" target="_blank" title=@item.OrderDetail[i].PName>
                                    <img src=@item.OrderDetail[i].pic alt=@item.OrderDetail[i].PName onerror="onImageLoadError.apply(this);" />
                                </a>
                            </td>
                            <td>@item.OrderDetail[i].Count</td>
                            <td>¥@item.OrderDetail[i].Price</td>
                            <td></td>

                        </tr>
                    }
                }
                <tr class="separator">
                    <td colspan="7"></td>
                </tr>
            }
            @*<tr>
                    <td class="order_info_td">
                        <p>交易单号：c27235512780</p>
                        <p>商品金额: ¥131.00(运费5元)</p>


                        <p> 由 聚美优品 发货 </p>

                    </td>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d170406p3306474zc.html" target="_blank" title="Za 二十周年限定隔离限量装">
                            <img src="http://p4.jmstatic.com/product/003/306/3306474_std/3306474_60_60.jpg" alt="Za 二十周年限定隔离限量装" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥156.00</td>
                    <td></td>
                    <td>
                        <span class="status_red">等待付款</span>

                        <!--判断海淘自营订单包裹状态显示-->
                    </td>
                    <td>

                        <p><a href="/i/order/detail/?order_id=c27235512780">查看详情</a></p>

                        <p><a href="http://cart.jumei.com/cashier?confirmationId=c27235512780&address_id=162859155&orderIds=851162202" class="btn_mid_pink">点击付款</a></p>

                        <p>
                            <a href="/i/order/cancel/?order_id=c27235512780" order-id="c27235512780" class="order-cancel">取消</a>
                        </p>
                        <p><a href="/i/order/goto_modify_shipping_by_order/?order_id=c27235512780">修改地址</a></p>
                    </td>
                </tr>

                <tr class="separator">
                    <td colspan="7"></td>
                </tr>

                <tr>
                    <td class="order_info_td">
                        <p>交易单号：c27188303780</p>
                        <p>商品金额: ¥130.00(运费5元)</p>


                        <p> 由 聚美优品 发货 </p>

                    </td>

                    <td class="item_title">
                        <a href="http://item.jumei.com/1065.html" target="_blank" title="伊丽莎白雅顿 (Elizabeth Arden)绿茶香水50ml">
                            <img src="http://p0.jmstatic.com/product/000/001/1065_std/1065_60_60.jpg" alt="伊丽莎白雅顿 (Elizabeth Arden)绿茶香水50ml" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥125.00</td>
                    <td></td>
                    <td>
                        <span class="status_red">等待付款</span>

                        <!--判断海淘自营订单包裹状态显示-->
                    </td>
                    <td>

                        <p><a href="/i/order/detail/?order_id=c27188303780">查看详情</a></p>

                        <p><a href="http://cart.jumei.com/cashier?confirmationId=c27188303780&address_id=162859155&orderIds=851108560" class="btn_mid_pink">点击付款</a></p>

                        <p>
                            <a href="/i/order/cancel/?order_id=c27188303780" order-id="c27188303780" class="order-cancel">取消</a>
                        </p>
                        <p><a href="/i/order/goto_modify_shipping_by_order/?order_id=c27188303780">修改地址</a></p>
                    </td>
                </tr>

                <tr class="separator">
                    <td colspan="7"></td>
                </tr>

                <tr>
                    <td rowspan="3" class="order_info_td">
                        <p>交易单号：850540663</p>
                        <p>商品金额: ¥427.00(免运费)</p>


                        <p> 由 聚美优品 发货 </p>

                    </td>

                    <td class="item_title">
                        <a href="http://item.jumei.com/153.html" target="_blank" title="伊丽莎白雅顿 (Elizabeth Arden)银级（护理）眼霜15ml">
                            <img src="http://p3.jmstatic.com/product/000/000/153_std/153_60_60.jpg" alt="伊丽莎白雅顿 (Elizabeth Arden)银级（护理）眼霜15ml" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥149.00</td>
                    <td></td>
                    <td rowspan="3">
                        <span class="status_grey">已过期</span>

                        <!--判断海淘自营订单包裹状态显示-->
                    </td>
                    <td rowspan="3">

                        <p><a href="/i/order/detail/?order_id=850540663">查看详情</a></p>
                    </td>
                </tr>

                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d170402p2100548mz.html" target="_blank" title="伊丽莎白雅顿定制化妆镜">
                            <img src="http://p3.jmstatic.com/product/002/100/2100548_std/2100548_60_60.jpg" alt="伊丽莎白雅顿定制化妆镜" onerror="onImageLoadError.apply(this);" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥0.00</td>
                    <td></td>
                </tr>
                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/2462580.html" target="_blank" title="伊丽莎白雅顿 (Elizabeth Arden)新生代眼部精华液  15.6ml（90粒）">
                            <img src="http://p0.jmstatic.com/product/002/462/2462580_std/2462580_60_60.jpg" alt="伊丽莎白雅顿 (Elizabeth Arden)新生代眼部精华液  15.6ml（90粒）" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥278.00</td>
                    <td></td>
                </tr>
                <tr class="separator">
                    <td colspan="7"></td>
                </tr>

                <tr>
                    <td rowspan="8" class="order_info_td">
                        <p>交易单号：850380894</p>
                        <p>商品金额: ¥1357.00(免运费)</p>


                        <p> 由 聚美优品 发货 </p>

                    </td>

                    <td class="item_title">
                        <a href="http://item.jumei.com/303.html" target="_blank" title="伊丽莎白雅顿 (Elizabeth Arden)新生代胶囊精华液 41.4ml （90粒）">
                            <img src="http://p3.jmstatic.com/product/000/000/303_std/303_60_60.jpg" alt="伊丽莎白雅顿 (Elizabeth Arden)新生代胶囊精华液 41.4ml （90粒）" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥298.00</td>
                    <td></td>
                    <td rowspan="8">
                        <span class="status_grey">已过期</span>

                        <!--判断海淘自营订单包裹状态显示-->
                    </td>
                    <td rowspan="8">

                        <p><a href="/i/order/detail/?order_id=850380894">查看详情</a></p>
                    </td>
                </tr>
                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/328.html" target="_blank" title="伊丽莎白雅顿 (Elizabeth Arden)复合面霜（显效复合霜） 75ml">
                            <img src="http://p3.jmstatic.com/product/000/000/328_std/328_60_60.jpg" alt="伊丽莎白雅顿 (Elizabeth Arden)复合面霜（显效复合霜） 75ml" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥159.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/153.html" target="_blank" title="伊丽莎白雅顿 (Elizabeth Arden)银级（护理）眼霜15ml">
                            <img src="http://p3.jmstatic.com/product/000/000/153_std/153_60_60.jpg" alt="伊丽莎白雅顿 (Elizabeth Arden)银级（护理）眼霜15ml" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥149.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/6723.html" target="_blank" title="伊丽莎白雅顿 (Elizabeth Arden)第五大道淡香水 30ml">
                            <img src="http://p3.jmstatic.com/product/000/006/6723_std/6723_60_60.jpg" alt="伊丽莎白雅顿 (Elizabeth Arden)第五大道淡香水 30ml" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥159.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d170402p2100548mz.html" target="_blank" title="伊丽莎白雅顿定制化妆镜">
                            <img src="http://p3.jmstatic.com/product/002/100/2100548_std/2100548_60_60.jpg" alt="伊丽莎白雅顿定制化妆镜" onerror="onImageLoadError.apply(this);" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥0.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/2462580.html" target="_blank" title="伊丽莎白雅顿 (Elizabeth Arden)新生代眼部精华液  15.6ml（90粒）">
                            <img src="http://p0.jmstatic.com/product/002/462/2462580_std/2462580_60_60.jpg" alt="伊丽莎白雅顿 (Elizabeth Arden)新生代眼部精华液  15.6ml（90粒）" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥278.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/1065.html" target="_blank" title="伊丽莎白雅顿 (Elizabeth Arden)绿茶香水50ml">
                            <img src="http://p0.jmstatic.com/product/000/001/1065_std/1065_60_60.jpg" alt="伊丽莎白雅顿 (Elizabeth Arden)绿茶香水50ml" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥125.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/3247.html" target="_blank" title="伊丽莎白雅顿 (Elizabeth Arden)第五大道淡香水 75ml">
                            <img src="http://p2.jmstatic.com/product/000/003/3247_std/3247_60_60.jpg" alt="伊丽莎白雅顿 (Elizabeth Arden)第五大道淡香水 75ml" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥189.00</td>
                    <td></td>
                <tr class="separator">
                    <td colspan="7"></td>
                </tr>

                <tr>
                    <td class="order_info_td">
                        <p class="orderList_global" data="5"></p>
                        <p>交易单号：850358200</p>
                        <p>商品金额: ¥329.00(免运费)</p>


                        <p> 由 聚美极速免税店 发货 </p>

                    </td>

                    <td class="item_title">
                        <a href="http://item.jumeiglobal.com/ht170403p1049746t2zh.html" target="_blank" title="雅诗兰黛眼部精华霜15ml">
                            <img src="http://p1.jmstatic.com/product/001/049/1049746_std/1049746_60_60.jpg" alt="雅诗兰黛眼部精华霜15ml" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥329.00</td>
                    <td></td>
                    <td>
                        <span class="status_grey">已过期</span>

                        <!--判断海淘自营订单包裹状态显示-->
                    </td>
                    <td>

                        <p><a href="/i/order/detail/?order_id=850358200">查看详情</a></p>
                    </td>
                </tr>
                <tr class="separator">
                    <td colspan="7"></td>
                </tr>
                <tr>
                    <td rowspan="5" class="order_info_td">
                        <p>交易单号：850358195</p>
                        <p>商品金额: ¥123.80(免运费)</p>


                        <p> 由 聚美优品 发货 </p>

                    </td>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d170403p6051zc.html" target="_blank" title="菲诗小铺可爱甜蜜隔离霜40g">
                            <img src="http://p1.jmstatic.com/product/000/006/6051_std/6051_60_60.jpg" alt="菲诗小铺可爱甜蜜隔离霜40g" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥36.90</td>
                    <td></td>
                    <td rowspan="5">
                        <span class="status_grey">已过期</span>

                        <!--判断海淘自营订单包裹状态显示-->
                    </td>
                    <td rowspan="5">

                        <p><a href="/i/order/detail/?order_id=850358195">查看详情</a></p>
                    </td>
                </tr>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d170403p6052zc.html" target="_blank" title="菲诗小铺隔离霜02#紫罗兰色 40g">
                            <img src="http://p2.jmstatic.com/product/000/006/6052_std/6052_60_60.jpg" alt="菲诗小铺隔离霜02#紫罗兰色 40g" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥36.90</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d170403p202369zc.html" target="_blank" title="菲诗小铺黑杆防水睫毛膏1-纤长型">
                            <img src="http://p4.jmstatic.com/product/000/202/202369_std/202369_60_60.jpg" alt="菲诗小铺黑杆防水睫毛膏1-纤长型" />
                        </a>
                    </td>
                    <td>2</td>
                    <td>¥25.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d170403p3162235mz.html" target="_blank" title="菲诗小铺清透补水旅行套装">
                            <img src="http://p0.jmstatic.com/product/003/162/3162235_std/3162235_60_60.jpg" alt="菲诗小铺清透补水旅行套装" onerror="onImageLoadError.apply(this);" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥0.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d170401p3376340mz.html" target="_blank" title="菲诗小铺滋养美颜旅行套装">
                            <img src="http://p0.jmstatic.com/product/003/376/3376340_std/3376340_60_60.jpg" alt="菲诗小铺滋养美颜旅行套装" onerror="onImageLoadError.apply(this);" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥0.00</td>
                    <td></td>



                <tr class="separator">
                    <td colspan="7"></td>
                </tr>
                <tr>
                    <td rowspan="6" class="order_info_td">
                        <p>交易单号：828607430</p>
                        <p>商品金额: ¥1265.00(免运费)</p>


                        <p> 由 聚美优品 发货 </p>

                    </td>

                    <td class="item_title">
                        <a href="http://item.jumei.com/1970018.html" target="_blank" title="Za新焕美白2件组（美白化妆水150ml+美白乳液125ml）">
                            <img src="http://p3.jmstatic.com/product/001/970/1970018_std/1970018_60_60.jpg" alt="Za新焕美白2件组（美白化妆水150ml+美白乳液125ml）" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥296.00</td>
                    <td></td>
                    <td rowspan="6">
                        <span class="status_grey">已过期</span>

                        <!--判断海淘自营订单包裹状态显示-->
                    </td>
                    <td rowspan="6">

                        <p><a href="/i/order/detail/?order_id=828607430">查看详情</a></p>
                    </td>
                </tr>

                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/1970010.html" target="_blank" title="Za隔离3姐妹特惠5件组（隔离霜35g*3+美肤棉100片+洁面膏30g）">
                            <img src="http://p0.jmstatic.com/product/001/970/1970010_std/1970010_60_60.jpg" alt="Za隔离3姐妹特惠5件组（隔离霜35g*3+美肤棉100片+洁面膏30g）" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥252.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/2249434.html" target="_blank" title="Za多元水润滋养护肤5件组（多元化妆水175ml+乳液150ml+洁面膏100g+Za 姬芮  芯肌密钥 乳液 醇润型 20ml+Za 姬芮芯肌密钥化妆水 醇润型30ml)">
                            <img src="http://p4.jmstatic.com/product/002/249/2249434_std/2249434_60_60.jpg" alt="Za多元水润滋养护肤5件组（多元化妆水175ml+乳液150ml+洁面膏100g+Za 姬芮  芯肌密钥 乳液 醇润型 20ml+Za 姬芮芯肌密钥化妆水 醇润型30ml)" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥265.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d170201p2970995mz.html" target="_blank" title="Za199元大礼包">
                            <img src="http://p0.jmstatic.com/product/002/970/2970995_std/2970995_60_60.jpg" alt="Za199元大礼包" onerror="onImageLoadError.apply(this);" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥0.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/3072764.html" target="_blank" title="Za姬芮亮白定制隔离5件组（美白隔离霜35g*2+多元水活凝润洁面膏30g+ 恒润娇养乳液 醇润型20ml*2)">
                            <img src="http://p4.jmstatic.com/product/003/072/3072764_std/3072764_60_60.jpg" alt="Za姬芮亮白定制隔离5件组（美白隔离霜35g*2+多元水活凝润洁面膏30g+ 恒润娇养乳液 醇润型20ml*2)" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥156.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://item.jumei.com/3056383.html" target="_blank" title="Za姬芮恒润娇养保湿裸透护肤5件组（恒润娇养 化妆水150ml+恒润乳液125ml+净颜深层卸妆油30ml+真皙美白乳液20ml*2）">
                            <img src="http://p3.jmstatic.com/product/003/056/3056383_std/3056383_60_60.jpg" alt="Za姬芮恒润娇养保湿裸透护肤5件组（恒润娇养 化妆水150ml+恒润乳液125ml+净颜深层卸妆油30ml+真皙美白乳液20ml*2）" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥296.00</td>
                    <td></td>
                <tr class="separator">
                    <td colspan="7"></td>
                </tr>
                <tr>
                    <td rowspan="7" class="order_info_td">
                        <p>交易单号：813511504</p>
                        <p>商品金额: ¥2397.00(免运费)</p>


                        <p> 由 聚美优品  发货</p>

                    </td>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d161108p1970018zc.html" target="_blank" title="Za新焕美白2件组">
                            <img src="http://p3.jmstatic.com/product/001/970/1970018_std/1970018_60_60.jpg" alt="Za新焕美白2件组" />
                        </a>
                    </td>
                    <td>2</td>
                    <td>¥296.00</td>
                    <td></td>
                    <td rowspan="7">
                        <span class="status_grey">已过期</span>

                        <!--判断海淘自营订单包裹状态显示-->
                    </td>
                    <td rowspan="7">

                        <p><a href="/i/order/detail/?order_id=813511504">查看详情</a></p>
                    </td>
                </tr>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d161108p2249434zc.html" target="_blank" title="Za多元水润滋养护肤5件组">
                            <img src="http://p4.jmstatic.com/product/002/249/2249434_std/2249434_60_60.jpg" alt="Za多元水润滋养护肤5件组" />
                        </a>
                    </td>
                    <td>2</td>
                    <td>¥265.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d161108p2561696zc.html" target="_blank" title="姬芮裸透多效修颜6件组">
                            <img src="http://p1.jmstatic.com/product/002/561/2561696_std/2561696_60_60.jpg" alt="姬芮裸透多效修颜6件组" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥165.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d161108p3048461zc.html" target="_blank" title="Za净透洁面6件组">
                            <img src="http://p1.jmstatic.com/product/003/048/3048461_std/3048461_60_60.jpg" alt="Za净透洁面6件组" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥156.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d161108p3072764zc.html" target="_blank" title="Za姬芮亮白定制隔离5件组">
                            <img src="http://p4.jmstatic.com/product/003/072/3072764_std/3072764_60_60.jpg" alt="Za姬芮亮白定制隔离5件组" />
                        </a>
                    </td>
                    <td>2</td>
                    <td>¥156.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d161108p3072766zc.html" target="_blank" title="Za姬芮净颜清洁特惠5件组">
                            <img src="http://p1.jmstatic.com/product/003/072/3072766_std/3072766_60_60.jpg" alt="Za姬芮净颜清洁特惠5件组" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥150.00</td>
                    <td></td>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d161108p3056383zc.html" target="_blank" title="Za恒润娇养保湿裸透护肤5件组">
                            <img src="http://p3.jmstatic.com/product/003/056/3056383_std/3056383_60_60.jpg" alt="Za恒润娇养保湿裸透护肤5件组" />
                        </a>
                    </td>
                    <td>2</td>
                    <td>¥296.00</td>
                    <td></td>
                <tr class="separator">
                    <td colspan="7"></td>
                </tr>
                <tr>
                    <td rowspan="2" class="order_info_td">
                        <p>订单号: 90845543</p><p>交易单号：178479250</p>
                        <p>交易时间：2014-12-03 19:40</p>
                        <p>商品金额: ¥77.00(免运费)</p>


                        <p> 由 聚美优品 发货 </p>

                    </td>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d141202p215637zc.html" target="_blank" title="凌仕魅动男士香氛契合150ml">
                            <img src="http://p2.jmstatic.com/product/000/215/215637_std/215637_60_60.jpg" alt="凌仕魅动男士香氛契合150ml" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥49.00</td>
                    <td>
                        <p>已评价</p>
                    </td>
                    <td rowspan="2">
                        <p class="p_status_green_wraper"><strong class="status_green">已发货</strong></p>

                        <!--判断海淘自营订单包裹状态显示-->
                    </td>
                    <td rowspan="2">
                        <p><a href="/i/order/detail/?order_id=178479250&shipping_no=90845543">查看详情</a></p>
                    </td>
                </tr>
                <tr>

                    <td class="item_title">
                        <a href="http://www.jumei.com/i/deal/d141202p215640zc.html" target="_blank" title="凌仕男士醒体沐浴露契合400ml">
                            <img src="http://p0.jmstatic.com/product/000/215/215640_std/215640_60_60.jpg" alt="凌仕男士醒体沐浴露契合400ml" />
                        </a>
                    </td>
                    <td>1</td>
                    <td>¥28.00</td>
                    <td>
                        <p>已评价</p>
                    </td>
                </tr>
                <tr class="separator">
                    <td colspan="7"></td>
                </tr>*@
        </table>
        <table id="table-header-fixed"></table>
        <a href="#" class="backtotop"><b></b>回到顶部</a>
        <style type="text/css">
            .order_list_title {
                background-color: white;
            }

            .separator td {
                height: 15px;
                border-left: 1px solid white;
                border-right: 1px solid white;
            }

            #cboxOverlay {
                z-index: 10003;
            }

            #colorbox {
                z-index: 10004;
            }

            #cboxContent {
                border: none;
                background: #FF659B;
            }

            #cboxLoadedContent {
                margin-top: 0px;
            }

            #cboxClose {
                background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/popup_new_close.jpg) no-repeat 0 0 transparent;
                width: 12px;
                height: 11px;
                top: 8px;
                margin-right: 0px;
                text-align: left;
                text-indent: -9999px;
                padding-right: 10px;
            }

                #cboxClose:hover {
                    background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/popup_new_close.jpg) no-repeat 0 0 transparent;
                }

            .popup_box_new {
                width: 400px;
                _padding-bottom: 20px;
            }

                .popup_box_new .title {
                    height: 28px;
                    line-height: 28px;
                    text-indent: 15px;
                    background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/title_bg.jpg) repeat-x 0 0 transparent;
                    color: #fff;
                    font-size: 14px;
                }

                .popup_box_new .cont {
                    padding: 15px;
                }

                .popup_box_new p {
                    margin-top: 20px;
                    font-size: 16px;
                    text-align: left;
                    overflow: hidden;
                    font-family: '微软雅黑','YaHei','黑体',Tahoma,Helvetica,arial,sans-serif;
                }

                .popup_box_new .btns {
                    padding-left: 88px;
                }

                .popup_box_new .btn {
                    float: left;
                    display: block;
                    width: 88px;
                    height: 28px;
                    line-height: 28px;
                    text-align: center;
                    overflow: hidden;
                    background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/btn_new_bg.jpg) repeat-x 0 0 transparent;
                    font-family: 宋体;
                }

                .popup_box_new p a:hover {
                    text-decoration: none;
                }

                .popup_box_new .btns .btn_confirm {
                    color: #fff;
                    margin-right: 15px;
                }

                .popup_box_new .btns .btn_cancel {
                    color: #333;
                    border-left: 1px solid #ccc;
                    border-right: 1px solid #ccc;
                    background-position: 0 -32px;
                }
        </style>
        <div class="dialog_s charge_dialog cancle_order_dialog" title="取消订单确认">
            <div class="alert warning"></div>
            <div class="cont">
                <p class="alert_con"></p>
                ﻿<span class="spark">*</span>
                <select id="select_reasons">
                    <option value="0">等待加载...</option>
                </select>
                <textarea style="margin-top: 20px"></textarea>
                <p class="input_error"></p>
            </div>
            <div class="btns">
                <a href="javascript:void(0)" class="btn_mid_pink">确认</a>
                <a href="javascript:void(0)" class="btn_mid_grey">取消</a>
            </div>
        </div>

        <!--   <div class="colorbox_html_ask" style="display: none;">
              <div class="popup_box_new">
                  <div class="title">红包退货</div>
                  <div class="cont">
                      <p class="tips">
                          您确定要将红包退货吗？退货会删除您所购买的红包，并且您不能再次购买红包。相应的退款会退回您的聚美余额。
                      </p>
                      <p class="btns">
                          <a class="btn btn_confirm" href="javascript:void(0);">确定</a>
                          <a class="btn btn_cancel" href="javascript:void(0);">取消</a>
                      </p>
                  </div>
              </div>
          </div> -->


    </div>
    @* test End *@




    <style>

        .profile td a.sp_icon {
            display: inline-block;
        }

        .order_package span {
            padding-right: 0;
        }

        .profile .filter + table th {
            border: 1px solid rgb(219, 214, 208);
            border-top: 0;
        }
    </style>

    <style type="text/css">
        #dialog2 {
            display: block;
            height: 207px;
            width: 394px;
            position: relative;
            padding-top: 30px;
            overflow: hidden;
        }

        #cboxContent {
            border: none;
            background: url(http://p0.jmstatic.com/templates/jumei/images/account/corn_line.jpg) repeat-x bottom center;
            background-color: #767676;
        }

        #cboxLoadedContent {
            margin-top: 28px;
        }

        #cboxTitle {
            font-size: 14px;
            color: #FFF;
            top: 0px;
        }

        #cboxClose {
            top: 0;
            text-indent: 9999px;
            height: 28px;
            overflow: hidden;
        }

        .dia_pic {
            width: 120px;
            height: 120px;
            float: left;
            background: url(http://p0.jmstatic.com/templates/jumei/images/account/corn_00.jpg) no-repeat 20px;
        }

        .dia_con {
            width: 250px;
            margin-left: 20px;
            float: left;
            color: #333;
        }

            .dia_con p {
                font-size: 12px;
                line-height: 22px;
            }

                .dia_con p.dia_title {
                    font-size: 20px;
                    line-height: 36px;
                    font-weight: bold;
                }

        .return {
            width: 74px;
            height: 27px;
            text-align: center;
            line-height: 27px;
            background: url(http://p0.jmstatic.com/templates/jumei/images/home/btn_mid_pink.jpg) no-repeat top center;
            display: inline-block;
            color: #FFF;
            font-size: 14px;
            letter-spacing: 2px;
            margin: 20px 0 0 140px;
        }

            .return:hover {
                text-decoration: none;
            }
    </style>


    <style>
        #table-header-fixed {
            width: 769.5px;
            position: fixed;
            top: 0px;
            display: none;
            z-index: 2;
        }

            #table-header-fixed th {
                font-weight: normal;
                background: none;
                color: #afafaf;
            }
    </style>
    <script>
        $(function () {
            /* 去除最后一行分隔的border */
            $('.separator:last td').css({ 'border-bottom-color': 'white' });
            /* 固定表头 */
            //!($.browser.msie && $.browser.version < 8)
            if (true) {
                var $table = $("#order-list");

                if ($table[0]) {
                    var tableOffset = $table.offset().top + 100;
                    var $header = $("#order-list .order_list_title").clone();
                    var $fixedHeader = $("#table-header-fixed").append($header);

                    $(window).bind("scroll", function () {
                        var offset = $(this).scrollTop();

                        if (offset >= tableOffset && $fixedHeader.is(":hidden")) {
                            $fixedHeader.show();
                        }
                        else if (offset < tableOffset) {
                            $fixedHeader.hide();
                        }
                        if (offset > tableOffset + $table.height()) {
                            $fixedHeader.hide();
                        }
                    });
                }
            }

            var threshold = 1000;
            var is_mouseout_popup = false;

            function hidePopup() {
                if (is_mouseout_popup) {
                    $('.sp_icon_pos_wrapper').hide().removeClass('real_name_wrapper');
                }
            }

            $('.sp_icon.sp_icon_trigger').hover(function () {
                var $this = $(this);
                var html = $this.find('.sp_icon_pos_inner').html();
                var offset = $this.offset();
                offset.left = offset.left - 30;
                offset.top = offset.top + 20;
                $('.sp_icon_pos_wrapper').html(html).css(offset).show().addClass('real_name_wrapper');
                is_mouseout_popup = false;
            }, function () {
                is_mouseout_popup = true;
                setTimeout(hidePopup, threshold);
            });

            $('.sp_icon_pos_wrapper').hover(function () {
                is_mouseout_popup = false;
            }, function () {
                is_mouseout_popup = true;
                setTimeout(hidePopup, threshold);
            });

        });
    </script>


    <style>
        .profile td.insert_td_empty {
            border-top: solid 1px white;
            border-bottom: solid 1px white;
        }

        .sp_icon_pos_inner {
            display: none;
        }

        .sp_icon_pos_wrapper {
            position: absolute;
            z-index: 2;
            border: 1px solid #DBD6D0;
            /* width: 300px; */
            max-width: 220px;
            _width: 220px;
            line-height: 18px;
            padding: 5px 12px;
            background: #FCFCFC;
            color: #676767;
            display: none;
        }
    </style>

    <style>
        .cancel_success_input_tip {
            display: inline-block;
            text-decoration: none;
            background: #ec195c;
            background: -webkit-gradient(linear, left top, left bottom, from(#f4769d), to(#ec195c));
            background: -webkit-linear-gradient(top, #f4769d, #ec195c);
            background: -moz-linear-gradient(top, #f4769d, #ec195c);
            background: -o-linear-gradient(top, #f4769d, #ec195c);
            background: linear-gradient(to bottom, #f4769d, #ec195c);
            -webkit-box-shadow: 0 1px 2px 0 #bbb;
            text-decoration: none;
            box-shadow: 0 1px 2px 0 #bbb;
            text-shadow: 1px 1px 3px #b9154a;
            vertical-align: middle;
            display: inline-block;
            font-family: inherit;
            word-break: keep-all;
            white-space: nowrap;
            font-weight: normal;
            text-align: center;
            line-height: 32px;
            font-size: 14px;
            cursor: pointer;
            height: 32px;
            width: 114px;
            color: #fff;
            border: 0;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffee1658, endColorStr=#ffee2467), progid:DXImageTransform.Microsoft.DropShadow(color=#ffb2b2b2, offX=0, offY=1, positives=true);
        }

            .cancel_success_input_tip:hover {
                text-decoration: none;
            }

        .cancel_success_layer_wrap {
            padding: 60px 20px 40px;
            text-align: center;
        }

        .cancel_success_input_wrap p {
            line-height: 50px;
        }

        .img_ok {
            background: url(http://s0.jmstatic.com/templates/jumei/images/ok.gif) no-repeat;
            padding-left: 36px;
            line-height: 36px;
            display: inline-block;
            font-size: 18px;
        }

        .order_info_td {
            width: 191px;
        }

        table {
            table-layout: fixed;
            width: 769px;
        }
    </style>
    @*<script src="http://f3.jmstatic.com/static_account/dist/20170406_1/js/boot.js"></script>
        <link rel="stylesheet" href="http://f1.jmstatic.com/static_account/dist/20170406_1/css/sweet-alert.css">
        <script>
            window.STATIC_FOLDER = "http://f1.jmstatic.com/static_account/dist/20170406_1/";
            $(function () {
                seajs.use('order/list');
                seajs.use('pcviews/yiqituan');

                //回到顶部跟随 footer
                $(window).bind('scroll resize', function () {
                    var bottomPx = $(window).scrollTop() - $('#footer_container').position().top + $(window).height();

                    if (bottomPx > 90) {
                        bottomPx = bottomPx + 20 + 'px';
                        $('.backtotop').css('bottom', bottomPx);
                    } else {
                        $('.backtotop').css('bottom', '100px');
                    }
                });

            });
        </script>*@

</div>
<div class="clear"></div>

